
@charset "utf-8"; 
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{font-family: "Microsoft YaHei",微软雅黑,"宋体","Arial Narrow",HELVETICA;margin:0 auto;padding:0}
body{  font-size: 12px; color: #333; line-height: 20px; background:url(../images/login-bg.jpg) no-repeat top center;}
a{text-decoration:none;color: #333;}
a:hover{text-decoration:underline}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;} b 
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a{text-decoration:none;}
/*clearfix 清浮动*/
* html .clearfix {zoom: 1;}
*+html .clearfix {zoom: 1;}
.clearfix:after {height: 0;visibility: hidden;content: ".";display: block;clear: both;}
/*浮动*/
.fl{float: left;}
.ri{float: right;}
.hearder {width: 1200px; height:50px; font-size: 24px; font-weight: bold; margin-top: 30px; }
.footer {width: 1200px; margin:60px auto 10px; color:#fff; text-align:center; height:50px; font-size: 14px; }
.login-hed{ margin-bottom:50px; text-align: center; font-size: 35px; line-height:50px; letter-spacing:2px; font-weight:bold; color: #fff; text-shadow:5px 2px 5px #333;}
.login-box{margin: 60px auto 0;}
.login-box h2{font-size: 25px; line-height:40px; font-weight:normal; margin-bottom: 40px; text-align:center;}
.login-box p{margin-top:20px; font-size: 14px;}
.login-content{background: #fff;width:300px;padding:30px 40px 50px;box-shadow: 1px 5px 6px #444; border-radius: 5px;}
.login-content ul li{margin-bottom:25px; position: relative;}
.login-content ul li:last-child{margin-bottom: 0px;}
.login-content ul li input{width:97%; height:38px;line-height: 38px; border: #d2d6de solid 1px; border-radius:3px;    padding-left:3%}
.login-content ul li span{ position: absolute; top:7px;right:8px;}
.input_item{position:relative;font-size:13px;height:16px;line-height:16px; float: left; margin-right:25px;}
.input_item span{margin-left:5px;}
.radio,.checkbox{/* position:absolute;left:0; */top:0;border:none;opacity:0;z-index:2;margin:0;}
.radio + label,.checkbox + label { margin-top:2px; display:inline-block;position:relative;vertical-align:top;width:13px;height:13px;background:#fff;border:1px solid #d2d6de;}
.radio:disabled + label,.checkbox:disabled + label{background:#fff;width:20px;height:20px;border:1px solid #efefef;background:#f9f9f9;}
.radio:checked + label:before,.radio:checked + label:after,.checkbox:checked + label:before,.checkbox:checked + label:after{content:"";position:absolute;}
.radio:checked + label:after,.checkbox:checked + label:after{top:-1px;left:-1px;color:#fff;width:100%;height:100%;border:1px solid #2489c5;}
.checkbox:checked + label:before{left:50%;top:50%;margin:-4px 0 0 -5px;border-left:2px solid #2489c5;border-bottom:2px solid #2489c5;width:8px;height:4px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.form-button{margin-top:40px;}
.a-button{background: #3496f9; width: 100%; color: #fff; display: block;line-height: 37px; height: 37px;border: #0269d2 solid 1px;border-radius:3px; cursor: pointer; }
.a-button:hover{text-decoration: none;background:#248cf5;}
.a-password{margin-top: 15px; display: block;color:#e62a00; text-align: center;}
